<template>
	<view v-show="active == 0">
		<view class="booking">
			<view class="booking-text">
				<view class="process">
					拼团流程：
				</view>
				<view>
					<text class="flex flex-direction">1、选择心仪商品 2 支付开团或参团 3 邀请好友参团 4 达到人数团购成功</text>
					<text class="flex flex-direction"> 2、用户发起拼团后24小时内有效</text>
					<text class="flex flex-direction">3、选择心仪商品 2 支付开团或参团 3 邀请好友参团 4 达到人数团购成功</text>
					<text class="flex flex-direction"> 4、用户发起拼团后24小时内有效</text>
					<text class="flex flex-direction">5、选择心仪商品 2 支付开团或参团 3 邀请好友参团 4 达到人数团购成功</text>
					<text class="flex flex-direction"> 6、用户发起拼团后24小时内有效</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			active: {
				type: Number,
				default: () => ({})
			}
		},
		data() {
			return {

			}
		}
	}
</script>

<style lang="scss">
	.booking {
		width: 100%;
		height: 100%;
		background-color: #FFFFFF;

		.booking-text {
			padding: 37rpx 31rpx;

			.process {
				width: 100%;
				margin-bottom: 20rpx;
			}
			.flex{
				margin-bottom: 20rpx;
			}
		}
	}
</style>
